<div class="myCollection">
  <div *ngIf="myCollections.length; else voidData">
    <div class="collectionDiv">
      <div class="collection" *ngFor="let item of myCollections">
        <div class="imgDiv" (click)="showCollectionDetail(item)">
          <img [src]="item.imgSrc" alt="" srcset="" />
        </div>
        <div>
          <span id="box">{{
            item.assetId.slice(0, 8) + '...' + item.assetId.slice(-8)
            }}</span>
          <img dTooltip [position]="'right'" [content]="
              '藏品唯一链上Id。专享版用户可在区块链 -> 藏品核验处输入确定所属权。'
            " src="assets/avatar/helping.svg" />
          <i id="copy" class="icon-copy" (click)="copyId(item.assetId)" style="margin-left: 5px"></i>
        </div>
      </div>
      <div class="pagination">
        <d-pagination [maxItems]="10" [canViewTotal]="true" [canJumpPage]="true" [canChangePageSize]="true"
          [total]="total" [autoFixPageIndex]="false" [(pageSize)]="queryParams.pageSize"
          [(pageIndex)]="queryParams.page" (pageIndexChange)="pageIndexChange($event)"
          (pageSizeChange)="pageSizeChange($event)" style="position: absolute; right: 0; top: 20px">
        </d-pagination>
      </div>
    </div>
  </div>
  <ng-template #voidData>
    <div class="voidData"></div>
  </ng-template>
</div>
